/** lzy v 2.0 2017-3-25 17:00:24 **/
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
html,body{height:100%;width:100%;}
body{margin:0;padding:0;line-height:18px;border:0;font:12px/1.5 Microsoft Yahei,Arial;text-align:left;font-size:12px;background:#fff;color:#333;_behavior:url("csshover.htc");}
form,dl,dd,dt,ul,li,img{margin:0;padding:0;line-height:18px;border:0;font-family:Microsoft Yahei,"宋体";font-size:12px;list-style-type:none;white-space:normal;}img{vertical-align:middle;}select,textarea{margin:0;padding:0;resize:none;outline:none;}th,td{margin:0;padding:0;}p{margin:0;padding:0;font-weight:normal;font-size:12px;word-wrap:break-word;word-break:normal;}h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style-position:outside;list-style-type:none;white-space:normal;}
a{text-decoration:none;cursor:pointer;outline:none;/*移除超链的虚线框  IE8,FF有用*/hide-focus:expression(this.hideFocus=true); /*IE6、IE7*/}
a:link,a:visited,a:active{color:#333;text-decoration:none;}a:hover{text-decoration:none;color:#F14702;}
input,button,input[type=button],input[type=submit],input[type=reset],select{margin:0;padding:0;outline:none;hide-focus:expression(this.hideFocus=true);}
::selection{background:#6ECCF0;color:white;/* 全选时背景变色 Safari */}::-moz-selection{background:#6ECCF0;color:white;/* 全选时背景变色 Firefox */ }
.clear{clear:both;font-size:0;height:0;line-height:0;}/*清除浮动 、关div*/

/** 头部 **/
.header{ position:fixed; width:100%; height:85px; background-color:#fff; box-shadow:0 0 3px #ebebeb; z-index: 999;}
.header .logo{ float:left; width:262px; background-color:#FFBE34; text-align:center; line-height:85px; position:relative;}
.header .logo span{ position:absolute; top:0; right:35px; font-size:16px; line-height:20px; color:#fff; z-index:200;}
.header .icon{ float:left; width:172px;}
.header .icon a{ display:block; line-height:85px; padding-left:66px; background-position:32px center; background-repeat:no-repeat; font-size:18px; color:#444;}
.header .icon a:hover{ color:#FFBE34; font-weight:bold;}
.header .mod a{ border-right:1px solid #F0F0F0; background-image:url(../images/icon_lzy_mod.png);}
.header .bus a{ background-image:url(../images/icon_lzy_bus.png);}
.header .mod a:hover{ background-image:url(../images/icon_lzy_mods.png)}
.header .bus a:hover{ background-image:url(../images/icon_lzy_buss.png);}

.header .btn{ float:right; font-size:14px; color:#444;}
.header .btn span{ display:inline-block; margin-top:30px;}
.header .btn i{ font-size:18px; margin-right:12px;}
.header .btn a:hover{ color:#FFBE34;}
.header .btn .admin{ width:140px; margin-top:16px;}
.header .btn .admin b{ float:left; margin-right:10px; _display:inline; font-weight:normal;}
.header .btn .admin em{ display:block; margin-top:8px; font-style:normal; text-align:right;}
.header .btn .admin img{ width:55px; height:55px; border-radius:50%;}
.header .btn .mes{ position:relative; width:100px; text-align:center; line-height:22px; border-right:1px solid #444;}
.header .btn .mes b{ position:absolute; top:-5px; left:30px; padding:0 5px; line-height:15px; color:#fff; font-size:10px; border-radius:50%; background-color:#FFBE34; z-index:100;}
.header .btn .cook{ width:120px; text-align:center; line-height:22px; border-right:1px solid #444;}
.header .btn .out{ width:104px; text-align:center;}

/** 侧边 **/
.aside{ position:fixed; top:85px; left:0; width:262px; height:100%; background-color:#3C3C3E; z-index:100;}
.aside .menu li{ width:122px;}
.aside .menu li a{ display:block; line-height:93px; font-size:14px; color:#ccc; text-align:center;}
.aside .menu li a:hover,.aside .menu li.cur a{ color:#FFBE34; border-left:3px solid #FFBE34;}
.aside li .child{ display:none; position:absolute; top:0; left:122px; width:140px; height:100%; background-color:#464646; z-index:101;}
.aside li .child a,.aside .menu li.cur .child a{ display:block; line-height:48px; border-bottom:1px solid #505050; border-left:none; color:#ccc;}
.aside li .child a:hover,.aside li .child a.cur{ color:#fff; background-color:#505050; border-left:none;}

/** 主体 **/
.main{ min-height:100%; /**padding:85px 20px 20px 282px;*/ background-color:#F5F5F5; box-sizing:border-box; overflow:hidden;}
.main .title{ display:block; line-height:45px; border-bottom:1px solid #ccc; font-size:14px; color:#666;}
.main .tips{ display:block; margin:30px 0 10px; padding:10px 30px 20px; background-color:#fff; border-radius:6px;}
.main .tips h3{ display:block; font-size:16px; color:#FFBE34; line-height:34px;}
.main .tips h3 i{ float:left; width:4px; height:17px; line-height:0; margin:8px 12px 0 0; _display:inline; background-color:#FFBE34; border-radius:4px;}
.main .tips p{ font-size:14px; color:#333; line-height:180%;}
.main .tips p i{ font-style:normal; margin-right:8px;}

/*.input-box{ display:flex; justify-content:space-between;}*/
.input-box{ display:block;}
.input-box li{ float:left; margin:20px 50px 0 0; _display:inline;}
.input-box li.name{ margin-right:0;}
.input-box li.name input{ width:130px;}
.input-box li .tit{ float:left; width:70px; line-height:28px; margin-right:8px; _display:inline; text-align:right; font-size:14px; color:#333; font-weight:bold;}
.input-box li select,.input-box li input{ width:160px; padding:0 5px; font-size:12px; color:#999; line-height:28px; border:none; background-color:#fff;}
.input-box li.submit{ float:right; margin-right:0; text-align:right;}
.input-box li.submit .btn{ width:78px; margin-left:14px; border:1px solid #FFBE34; background-color:#FFBE34; font-size:14px; color:#fff; line-height:28px; text-align:center; border-radius:5px; font-weight:bold; cursor:pointer;}
.input-box li.submit .btn:hover{ background-color:#F5F5F5; color:#FFBE34;}

.mes-box{ float:left; width:100%; margin-top:24px;}
.add-btn{ display:block; margin-bottom:20px;}
.add-btn a{ display:inline-block; width:100px; line-height:29px; background-color:#FFBE34; font-size:14px; color:#fff; font-weight:bold; text-align:center; border-radius:5px;}
.mes-tab{ display:block; padding:10px 20px; background-color:#fff; border-radius:8px; overflow:hidden;}
.mes-tab tr{ display:block; height:50px; line-height:50px; border-bottom:1px solid #F0F0F0; font-size:14px; color:#333;}
.mes-tab th,.mes-tab td{ float:left; text-align:center;}
.mes-tab .btn a{ display:inline-block; width:53px; margin:0 6px; line-height:20px; border-radius:3px; border:1px solid #999;}
.mes-tab .state .ing{ color:#01B40D;}
.mes-tab .state .ready{ color:#1593FD;}
.mes-tab .state .old{ color:#FFBE34;}

.mes-page{ display:block; margin:20px 0 50px; text-align:center;}
.mes-page a,.mes-page span{ display:inline-block; font-size:14px; color:#999;}
.mes-page a{ margin:0 5px; padding:0 10px; line-height:30px; background-color:#ccc; border-radius:4px; text-align:center; border:1px solid #ccc;}
.mes-page a:hover{ background-color:#FFBE34; border-color:#FFBE34; color:#fff;}
.mes-page a.next,.mes-page a.prev{ padding:0 15px; background:none; color:#999;}
.mes-page a:hover.next,.mes-page a:hover.prev{ border-color:#FFBE34; color:#FFBE34;}
.mes-page span b{ color:#FFBE34;}

/** 车主信息/查看信息 **/
.owner{ width:500px; margin:10px auto 0;}
.owner li{ float:left; width:100%; margin-top:20px; line-height:32px; font-size:14px; color:#333;}
.owner li .tit{ float:left; width:100px; margin-right:18px; _display:inline; text-align:right; font-weight:bold;}
.owner li i{ display:inline-block; width:11px; height:11px; margin-right:8px; background-color:#FFBE34; border-radius:2px;}
.owner li .back,.owner li.btn input{ display:inline-block; width:120px; margin:20px 0 0 118px; line-height:30px; text-align:center; background-color:#FFBE34; color:#fff; letter-spacing:4px; font-weight:bold; border-radius:4px; border:1px solid #FFBE34; cursor:pointer;}
.owner li.btn .reset{ margin-left:20px;}
.owner li a:hover.back,.owner li.btn input:hover{ background:none; color:#FFBE34;}

.owner li .tit b{ font-weight:normal; color:#FFBE34;}
.owner li input.common{ width:200px; line-height:30px; border:none; background-color:#fff; padding:0 5px; font-size:14px; color:#ccc;}
.owner li input.marg{ margin:8px 10px 0 0;}
.owner li input.size{ width:345px; margin-top:5px;}
.owner li label{ margin-right:36px;}
.owner li label input{ display:none;}
.owner li label input[type="radio"] + span{ display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:2px; background-color:#fff; border:1px solid #ccc; cursor:pointer;}
.owner li label input[type="radio"]:checked + span{ background-color:#FFBE34; border-color:#FFBE34;}
.owner li select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; width:95px; height:30px; line-height:30px; margin-right:15px; padding:0 5px; border:none; font-size:14px; background:#fff url(../images/select.png) no-repeat right; cursor:pointer;}
